<template>
  <div class="com-header">
    <router-link class="logo-box" to="/explore">
      <img src="@/assets/image/logo.png"/>
    </router-link>
    <div class="right-box"></div>
  </div>
</template>
<script setup>
  import {reactive} from "vue";

  
</script>
<style lang="scss" scoped>
.com-header {
  height: 60px;
  background: #fff;
  border-bottom: 1px solid #e7e7e7;
  box-shadow: 0 0 20px rgba(0,0,0,0.1);
  display: flex;
  .logo-box {
    display: flex;
    align-items: center;
    padding: 0 10px;
    height: 100%;
    box-sizing: border-box;
    img {
      height: 46px;
    }
  }
  .right-box {
    flex-grow: 1;
  }
}
</style>